<template>
  <div>
    <h4>test.vue组件</h4>

    <van-circle v-model:current-rate="currentRate" :rate="90" :speed="100" :text="text"  layer-color="skyblue" />
    <van-circle v-model:current-rate="currentRate" :rate="60" :speed="90" :text="text"  layer-color="pink" />
    <van-circle v-model:current-rate="currentRate" :rate="90" :speed="100" :text="text"  layer-color="yellow" />

  </div>
</template>

<script lang="ts" >


import { ref, computed } from 'vue';

export default {
  setup() {
    const currentRate = ref(0);
    const text = computed(() => currentRate.value.toFixed(0) + '%');

    return {
      text,
      currentRate,
    };
  },
};
</script>

<style></style>